body{padding-top:0;}
/*.head-c-r-l>ul>li .head-c-r-l-t a i{display:none}*/
*{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, sans-serif;margin:0; padding:0;border:0;}
.head.active{}
.head.active .img1{display: block;}
.head.active .img2{display:none;}
.head.active .head-c-r-l-t a,.head.active .head-c-r-l>ul>li.active .head-c-r-l-t a,.head.active .dh .a3{color:#000;}
.head.active .head-c-r-l>ul>li .head-c-r-l-t a i{background:#fff;}
.head.active:hover{background:#fff;}
.head.active:hover .head-c-r-l>ul>li .head-c-r-l-t a i{background:var(--colors)}
.head.active:hover .head-c-r-l-t a{color:#333!important;}
.head.active:hover .dh .a3{color:#555;}
.head.active:hover .head-c-r-l-t a:hover{color:var(--colors)!important;}
.head.active:hover .img2{display:none;}
.head.active:hover .img1{display:block;}
.head.active:hover .head-c-r-l-t a{color:#fff;}

/*.banner h3,.banner h4{transform: translateX(200px);
    -ms-transform: translateX(200px);
    -webkit-transform: translateX(200px);
    opacity: 0;transition:all 0.5s;}
.banner .swiper-slide-active h3,.banner .swiper-slide-active h4 {transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1;}
.banner .swiper-slide-active h3:nth-child(1),.banner .swiper-slide-active h4:nth-child(1){
    transition-delay: .2s;
    -ms-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
} */


@keyframes indalRun {0%{opacity: 0;transform: translateY(80px);}100%{opacity: 1;transform: translateY(0);}}
/*.yyly-b a.active dl h3{animation: indalRun 1s ease both .6s;}
.yyly-b a.active dl p{animation: indalRun 1s ease both .7s;}
.yyly-b a.active dl h5{animation: indalRun 1s ease both .8s;}*/
@keyframes fangda{
  0%{transform: scale(1);}
  100%{transform: scale(1.05);}
}
.banner{width:100%;}
.banner a>img{width:100%;display:block;}
.banner a{display:block;overflow:hidden;position:relative;}
.banner a dl{text-align:center;position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;padding-top: 13%;}
.banner a dl h4{color:rgba(255, 255, 255, 0.5);font-size:22px;margin-bottom:25px;}
.banner a dl h3{font-size: 55px;margin-bottom:30px;color:#fff;font-weight: normal;}
.banner a dl h5{width:117px;height:36px;border-radius:36px;background:#fff;color:#333333;font-size:17px;}
.banner a dl h5 img{margin-left:10px;}
.banner .swiper-slide{overflow:hidden;}
.banner .swiper-slide a{transition:all 3s!important;}
.banner .swiper-slide-active a{}
.banner .swiper-slide-active a dl h4{animation: indalRun 1s ease both .2s;}
.banner .swiper-slide-active a dl h3{animation: indalRun 1s ease both .4s;}
.banner .swiper-slide-active a dl h5{animation: indalRun 1s ease both .6s;}
.banner .swiper-pagination{bottom:70px;}
.banner .swiper-pagination-bullet{background:rgba(255, 255, 255, 0.5);opacity:1;width:40px;height:2px;position:relative;border-radius:0;}
.banner .swiper-pagination-bullet::before{position: absolute;width: 0%;height: 100%;background: #fff;content: '';top:0;left:0;}
.banner .swiper-pagination-bullet-active{}
.banner .swiper-pagination-bullet-active::before{width:100%;transition:all 4s;}
.banner .swiper-button-next{width:10px;height: 20px;right:23px;background:url(../images/r.png)}
.banner .swiper-button-prev{width:10px;height: 20px;left:23px;background:url(../images/l.png)}

.gywm{background:url(../images/gywm-tb2.png)no-repeat center #f6f7f8;text-align:center;padding:150px 0 130px 0;}
.gywm-t{margin-bottom:50px;}
.gywm-t h4{margin-bottom:60px;}
.gywm-t h3{font-size:38px;line-height:1.26;margin-bottom:30px;}
.gywm-t .div1{width:890px;color:#777777;font-size:18px;line-height:30px;}
.gywm-c{width:1200px;}
.gywm-c dl{margin-bottom:60px;}
.gywm-c dl h3{color:var(--colors);font-size:27px;margin-bottom: 4px;}
.gywm-c dl h3 i{font-size:90px;line-height:100%;padding-right:10px;font-family: Arial;}
.gywm-c dl h4{color:#333;font-size:18px;}
.gywm-b{width:160px;height:45px;border-radius:45px;color:#fff;font-size:16px;background:var(--colors);}
.gywm-b img{margin-left:40px;}
.gywm-b:hover img{transform: translateX(10px);}

.cpzx{margin:100px auto;}
.cpzx-t{margin: 0 auto 80px auto;color:#818181;font-size: 20px;border-bottom:1px solid #b9bcc5;padding:0 70px;width:80%;}
.cpzx-t a{position:relative;height:40px;padding-bottom:25px;transition:all 0s;color: #636363;}
.cpzx-t a p{position:absolute;left: 0;width:0;height:4px;background:var(--colors);bottom:-1px;}
.cpzx-t a:hover i,.cpzx-t a.active i{transform: scale(1.45) translateY(-7px);color: #000;}
.cpzx-t a:hover p,.cpzx-t a.active p{width: 145%;left: -22.5%;}
.cpzx-b{position:relative;}
.cpzx-b2{position:absolute;z-index:1;opacity:0;width:100%;left:0;top:0;transition:all 0.5s;}
.cpzx-b2.active{position:relative;z-index:3;opacity:1;}
.cpzx-l{width:calc(26.275862068965516% - 8px);display:block;color:#fff;position:relative;overflow:hidden;border-radius:10px;}
.cpzx-l>img{display:block;width:100%;}
.cpzx-l dl{position:absolute;z-index:3;width:100%;left:0;top:0;padding:50px 40px 0 40px;}
.cpzx-l dl h3{font-size:26px;margin-bottom:20px;font-weight: normal;}
.cpzx-l dl p{font-size:18px;line-height:25px;opacity:0.9;width:240px;}
.cpzx-l h5{position:absolute;z-index:3;right:46px;bottom:50px;font-size:16px;text-transform: capitalize;}
.cpzx-l h5 img{margin-left:7px;}
.cpzx-l:hover h5{text-decoration:none}
.cpzx-l:hover>img{transform:scale(1.05);}
.cpzx-r{width:calc(37.06896551724138% - 15.5px);}
.cpzx-r a{display:block;position:relative;border-radius:10px;overflow:hidden;background:#f6f7f8;margin-bottom: 15px;}
.cpzx-r a dl{position:absolute;z-index:3;left:0;top:0;width:100%;padding:34px 30px;}
.cpzx-r a dl h3{color:#333333;font-size:18px;margin-bottom:14px;}
.cpzx-r a dl h5{width:27px;height:1px;background:#b3b3b3;}
.cpzx-r a img{display:block;}
.cpzx-r a .img2{position:absolute;left:0;top:0;width:100%;z-index:2;opacity:0;}
.cpzx-r a:hover .img2{opacity:1;}
.cpzx-r a:hover h5{background: var(--colors);}
.cpzx-c{display:block;position:relative;border-radius:10px;overflow:hidden;background:#f6f7f8;width:calc(36.6551724137931% - 7.5px);}
.cpzx-c dl{position:absolute;z-index:3;left:0;top:0;width:100%;padding:34px 30px;}
.cpzx-c dl h3{color:#333333;font-size:18px;margin-bottom:14px;}
.cpzx-c dl h5{width:27px;height:1px;background:#b3b3b3;}
.cpzx-c img{display:block;width:100%}
.cpzx-c .img2{position:absolute;left:0;top:0;width:100%;z-index:2;opacity:0;}
.cpzx-c:hover .img2{opacity:1;}
.cpzx-c:hover h5{background: var(--colors);}

.jjfa{}
.jjfa-t{position:relative;overflow:hidden;}
.jjfa-t2{position:absolute;z-index:1;opacity:0;width:100%;left:0;top:0;transition:all 0.5s;}
.jjfa-t2.active{position:relative;z-index:3;opacity:1;}
.jjfa-t2 h4{transform: scale(1.4);transition-duration: 1s;}
.jjfa-t2 dl{position:absolute;width:100%;height:100%;left:0;top:0;z-index:2;color:#fff;}
.jjfa-t2 dl dt{width:480px;}
.jjfa-t2 dl dt h3{font-size:46px;margin-bottom:25px;font-weight: normal;}
.jjfa-t2 dl dt p{font-size:26px;line-height:36px;/* margin-bottom:70px; */}
.jjfa-t2 dl dt a{width:160px;height:45px;border-radius:50px;color:#fff;font-size:16px;border:1px solid #fff;display: none;}
.jjfa-t2 dl dt a img{margin-left:40px;}
.jjfa-t2 dl dt a:hover{background:var(--colors);border-color:var(--colors);}
.jjfa-t2 dl dt a:hover img{}
.jjfa-t2.active h4{transform: scale(1);}
.jjfa-t2.active h3{animation: indalRun 1s ease both .2s;}
.jjfa-t2.active p{animation: indalRun 1s ease both .4s;}
.jjfa-t2.active a{animation: indalRun 1s ease both .6s;}
.jjfa-b{background:#f8f8f8;text-align:center;font-size:18px;}
.jjfa-b a{width:20%;position:relative;text-align:center;color:#555555;height:177px;}
.jjfa-b a dl{transition:all 0s;}
.jjfa-b a dl h4{height:75px;}
.jjfa-b a dl h4 img{display:block;margin:0 auto;}
.jjfa-b a dl h4 .img2{display:none;}
.jjfa-b a p{position: absolute;top: 50%;transform: translateY(-50%);right: 0;width: 1px;height: 75%;background: rgba(0,0,0,.1);}
.jjfa-b a:last-child p{display:none;}
.jjfa-b a.active{color:#fff;background:var(--colors);}
.jjfa-b a.active .img1{display:none;}
.jjfa-b a.active .img2{display:block;}
.jjfa-b a.active p{background:var(--colors);}

.xwzx{margin:130px auto}
.xwzx-t{margin-bottom:60px;text-align:center;}
.xwzx-t h3{color:#333333;font-size:42px;margin-bottom:20px;font-weight: bold;}
.xwzx-t h5{width:52px;height:2px;background:var(--colors);}
.xwzx-c{margin-bottom:55px;}
.xwzx-l{width:32.20689655172414%;background:#f8f8f8;position:relative;overflow:hidden;border-radius:4px;}
.xwzx-l h4{overflow:hidden;}
.xwzx-l h4 img{display:block;width:100%;}
.xwzx-l dl{padding:30px 30px 0 30px;}
.xwzx-l dl h3{color:#333333;font-size:20px;line-height:30px;margin-bottom:10px;font-weight: bold;}
.xwzx-l dl h5{color:#777777;font-size:16px;margin-bottom:35px;}
.xwzx-l dl h5 img{margin-right:10px;}
.xwzx-l dl p{font-size:16px;line-height:24px;color:#666666;}
.xwzx-l i{width:80px;height:25px;border-radius:2px;background:rgba(0, 0, 0, 0.3);color:#fff;z-index:2;position:absolute;left:30px;top:27px;}
.xwzx-l:hover img{transform:scale(1.05);}
.xwzx-l:hover h3{color:var(--colors);}
.xwzx-r{width:32.20689655172414%;background:#f8f8f8;position:relative;border-radius:4px;overflow:hidden;padding:20px 0 20px 0}
.xwzx-r i{width:80px;height:25px;border-radius:2px;background:#b1b1b1;color:#fff;z-index:2;position:absolute;left:30px;top:27px;}
.xwzx-r dl{height:430px;overflow:auto;padding:0 50px 0 33px;}
.xwzx-r dl::-webkit-scrollbar{width:4px;border-radius:5px;}
.xwzx-r dl::-webkit-scrollbar-thumb{width:4px;background:#adadad;border-radius:5px;}
.xwzx-r dl::-webkit-scrollbar-track{width:4px;background:#f8f8f8;border-radius:5px;}
.xwzx-r dl a{margin-bottom:37px;display:block;}
.xwzx-r dl a h3{line-height:28px;height:56px;font-size:20px;color:#333;margin-bottom:13px;font-weight: bold;}
.xwzx-r dl a h5{color:#777777;font-size:15px;}
.xwzx-r dl a:hover h3{color:var(--colors);}
.xwzx-b{}
.xwzx-b a{width:160px;height:45px;border-radius:45px;font-size:16px;margin:0 7px;}
.xwzx-b a img{margin-left:40px;}
.xwzx-b .a2{color:#777777;border:1px solid #dddddd;}
.xwzx-b .a2:hover{color:var(--colors);}
.xwzx-b .a1{color:#fff;background:var(--colors);border:1px solid var(--colors);}
.xwzx-b a:hover img{transform: translateX(10px);}


@media screen and (max-width:1200px){
    .gywm-c dl h3 i{font-size:40px;padding-right:5px;margin-bottom: -5px;display: inline-block;}
    .gywm-c dl{width:50%;}
    .gywm-t h4 img{width:60%}
    /*.jjfa{display:flex;flex-wrap:wrap;flex-direction:column-reverse;}*/
    .jjfa-b a{width:calc(100% / 3);height:auto;padding: 20px 15px;}
    .jjfa-b a dl h4{height:50px;}
    .jjfa-b a dl h4 img{max-width:35px;}
    .xwzx-b a{width:150px;}
    .banner .swiper-pagination{bottom: 30px;}
    .cpzx-t{width:300px;}
    .cpzx-t a:hover i, .cpzx-t a.active i{transform: scale(1.45) translateY(-4px);}
    .xwzx-r dl{height:360px;}
    .jjfa-t2 dl dt a{display:none}
    
}
@media screen and (max-width:900px){
    .solutions-list li{width:100%;height: 185px;}
    .solutions-list li .text{top:5%;margin-bottom: 10px;padding-bottom: 15px;}
    .solutions-box{ height:auto;}
    .xwzx-l h4{ display:none}
    .f-s18 {font-size: 14px!important;}
    .cpzx-l{ display:none}
    .cpzx-t{width:100%;padding: 0!important;margin: 0!important;border-bottom:0;}
    .f-s24 {font-size: 16px!important;}
    .cpzx-t a{width: 49%;}
    .cpzx-t a:hover p, .cpzx-t a.active p{width: 100%; left:0;}
    .cpzx-t a:hover i, .cpzx-t a.active i{transform: none;line-height: 30px;}
    .cpzx-r a dl{top: auto;bottom: 0;background: rgb(237 28 36 / 52%);margin: 0;height: 35px;}
    .cpzx-r a dl h5{display:none}
    .cpzx-t a p{display:none}
    .cpzx-t a i{ font-size:16px;text-align: center;display: block;}
    .cpzx-r a{border: 1px #ccc solid;}
    .cpzx-r a dl h3{ text-align:center;margin: 0;line-height: 35px;}
    .padding2 {padding: 0px!important;}
}